<!DOCTYPE html>
<!-- saved from url=(0042)http://www.tablesgenerator.com/html_tables -->
<html lang="en" class="translated-ltr">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>HTML表生成器 - TablesGenerator.com</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Free and easy to use online HTML Tables generator -- enter the table data and just copy and paste the generated table code into your website">
		<meta name="author" content="">
		<link rel="shortcut icon" href="http://www.tablesgenerator.com/static/img/favicon.png">
		<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <![endif]-->

		<!-- Le styles -->
		<link href="css/css" rel="stylesheet" type="text/css">
		<link title="无题" media="all" href="css/combined.228.css" rel="stylesheet" type="text/css">

		<script type="text/javascript" async="" src="js/ga.js"></script>
		<script type="text/javascript" src="js/combined.base.228.js" data-manual=""></script>

		<link type="text/css" rel="stylesheet" charset="UTF-8" href="css/translateelement.css">
	</head>

	<body cz-shortcut-listen="true">
		<div class="container">

			<div class="masthead">
				<div class="top-header">
					<h1 id="logo"><a href="" title="表生成器"><font><font>表生成器</font></font></a></h1>

				</div>

				<div class="navbar">
					<div class="navbar-inner">
						<div class="container">
							<ul class="nav">
								<li class="active">
									<a href="html_tables.html" title="HTML表生成器">
										<font>
											<font>HTML表</font>
										</font>
									</a>
								</li>
								<li>
									<a href="text_tables.html" title="纯文本表生成器">
										<font>
											<font>文本表</font>
										</font>
									</a>
								</li>
								<li>
									<a href="index.html" title="标记表发生器">
										<font>
											<font>标记表</font>
										</font>
									</a>
								</li>

							</ul>
						</div>
					</div>
				</div>
				<!-- /.navbar -->

			</div>

			<div id="main-header">
				<h2>
<em><font><font>HTML</font></font></em><font><font>表生成器
</font></font></h2>

				<ul class="social-likes social-likes_visible social-likes_ready">
					<li class="social-likes__widget social-likes__widget_facebook" title="在Facebook上分享链接"><span class="social-likes__button social-likes__button_facebook"><span class="social-likes__icon social-likes__icon_facebook"></span>
						<font>
							<font>Facebook的</font>
						</font>
						</span><span class="social-likes__counter social-likes__counter_facebook">1094</span></li>
					<li class="social-likes__widget social-likes__widget_twitter" title="在Twitter上分享链接"><span class="social-likes__button social-likes__button_twitter"><span class="social-likes__icon social-likes__icon_twitter"></span>
						<font>
							<font>推特</font>
						</font>
						</span>
					</li>
				</ul>

			</div>

			<div id="main-block" class="main-block-v2">
				<div class="main-menu">

					<ul class="nav nav-pills">
						<li class="dropdown">
							<!-- File item -->
							<a class="dropdown-toggle" id="file_item" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>文件 </font>
								</font><b class="caret"></b></a>
							<ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="file_item">

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="new_table_item" data-toggle="modal" data-target="#new_table_dialog">
										<font>
											<font>新表...</font>
										</font>
									</a>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="import_csv_item" data-toggle="modal" data-target="#import_dialog">
										<font>
											<font>导入CSV文件...</font>
										</font>
									</a>
								</li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="import_pasted_item" data-toggle="modal" data-target="#import_pasted_dialog">
										<font>
											<font>粘贴表格数据...</font>
										</font>
									</a>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="save_table_item" data-toggle="modal" data-target="#save_table_dialog">
										<font>
											<font>保存表...</font>
										</font>
									</a>
								</li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="load_table_item" data-toggle="modal" data-target="#load_table_dialog">
										<font>
											<font>加载表...</font>
										</font>
									</a>
								</li>

							</ul>
						</li>
						<!-- File item -->
						<li class="dropdown">
							<a class="dropdown-toggle" id="column-dropdown" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>编辑 </font>
								</font><b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="column-dropdown">

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="edit_undo"><i class="icon-fixed-width icon-rotate-left"></i>
										<font>
											<font> 撤消（Ctrl + Z）</font>
										</font>
									</a>
								</li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="edit_redo"><i class="icon-fixed-width icon-rotate-right"></i>
										<font>
											<font> 重复（Ctrl + Y）</font>
										</font>
									</a>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="edit_autosave">
										<i class="icon-fixed-width icon-check"></i>
										<font>
											<font> 本地自动保存表</font>
										</font>
									</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a class="dropdown-toggle" id="menu_table" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>表 </font>
								</font><b class="caret"></b></a>
							<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop_table">
								<li role="presentation" class="dropdown-submenu">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="table_resize"><i class="icon-fixed-width icon-resize-full"></i>
										<font>
											<font> 设置大小</font>
										</font>
									</a>
									<ul class="dropdown-menu">
										<li>
											<div class="table_size_chooser">
												<div class="SizeChooser">
													<table>
														<tbody>
															<tr>
																<td class="SizeChooser-selected"> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
															<tr>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
																<td> </td>
															</tr>
														</tbody>
													</table>
													<form><input><span><font><font> X </font></font></span><input></form>
												</div>
											</div>
										</li>
									</ul>
								</li>
								<li role="presentation" class="divider"></li>
								<li role="presentation">
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="table_reset">
										<i class="icon-fixed-width icon-circle-blank"></i>
										<font>
											<font> 清除表</font>
										</font>
									</a>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation" class="dropdown-submenu">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="table_resize">
										<font>
											<font>单元间距</font>
										</font>
									</a>
									<ul class="dropdown-menu">
										<li>
											<div id="cell-spacing-panel"><label><font><font>水平间距</font></font></label>
												<div class="slider slider-horizontal">
													<div class="slider-track">
														<div class="slider-selection" style="left: 0%; width: 25%;"></div>
														<div class="slider-handle round" tabindex="0" style="left: 25%;"></div>
														<div class="slider-handle round hide" tabindex="0" style="left: 0%;"></div>
													</div>
													<div id="tooltip" class="tooltip top" style="top: -34px; left: 0px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner">
															<font>
																<font>五</font>
															</font>
														</div>
													</div>
													<div id="tooltip_min" class="tooltip top" style="top: -24px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner"></div>
													</div>
													<div id="tooltip_max" class="tooltip top" style="top: -30px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner"></div>
													</div><input type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="10" style="display: none;"></div><label><font><font>垂直间距</font></font></label>
												<div class="slider slider-horizontal">
													<div class="slider-track">
														<div class="slider-selection" style="left: 0%; width: 50%;"></div>
														<div class="slider-handle round" tabindex="0" style="left: 50%;"></div>
														<div class="slider-handle round hide" tabindex="0" style="left: 0%;"></div>
													</div>
													<div id="tooltip" class="tooltip top" style="top: -34px; left: 0px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner">
															<font>
																<font>10</font>
															</font>
														</div>
													</div>
													<div id="tooltip_min" class="tooltip top" style="top: -24px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner"></div>
													</div>
													<div id="tooltip_max" class="tooltip top" style="top: -30px;">
														<div class="tooltip-arrow"></div>
														<div class="tooltip-inner"></div>
													</div><input type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="10" style="display: none;"></div>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a class="dropdown-toggle" id="column-dropdown" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>柱 </font>
								</font><b class="caret"></b></a>
							<ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="column-dropdown">
								<li class="dropdown-submenu">
									<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1">
										<font>
											<font>文本对齐</font>
										</font>
									</a>
									<ul class="dropdown-menu">
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" class="marked" id="col_align_left">
												<i class="icon-fixed-width icon-align-left"></i>
												<font>
													<font> 剩下</font>
												</font>
											</a>
										</li>
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" id="col_align_center">
												<i class="icon-fixed-width icon-align-center"></i>
												<font>
													<font> 中央</font>
												</font>
											</a>
										</li>
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" id="col_align_right">
												<i class="icon-fixed-width icon-align-right"></i>
												<font>
													<font> 对</font>
												</font>
											</a>
										</li>
									</ul>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="col_insert_left"><i class="icon-fixed-width icon-arrow-left"></i>
										<font>
											<font> 插入到左边</font>
										</font>
									</a>
								</li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="col_insert_right"><i class="icon-fixed-width icon-arrow-right"></i>
										<font>
											<font> 插入右边</font>
										</font>
									</a>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="col_remove"><i class="icon-fixed-width icon-trash"></i>
										<font>
											<font> 去掉</font>
										</font>
									</a>
								</li>
							</ul>
						</li>
						<li class="dropdown">
							<a class="dropdown-toggle" id="row-dropdown" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>行 </font>
								</font><b class="caret"></b></a>
							<ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="row-dropdown">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="row_insert_above"><i class="icon-fixed-width icon-arrow-up"></i> Insert above</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="row_insert_below"><i class="icon-fixed-width icon-arrow-down"></i> Insert below</a>
								</li>
								<li role="presentation" class="divider"></li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="row_remove"><i class="icon-fixed-width icon-trash"></i> Remove</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>细胞 </font>
								</font><b class="caret"></b></a>
							<ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop5">

								<li class="dropdown-submenu">
									<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1">Vertical align</a>
									<ul class="dropdown-menu">
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" id="vertical_align_top_btn">
												Top</a>
										</li>
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" class="marked" id="vertical_align_middle_btn">
												Middle</a>
										</li>
										<li>
											<a href="http://www.tablesgenerator.com/html_tables#" tabindex="-1" id="vertical_align_bottom_btn">
												Bottom</a>
										</li>
									</ul>
								</li>

								<li role="presentation" class="divider"></li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="cell_merge">Merge cells</a>
								</li>
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="cell_split">Split cell</a>
								</li>
							</ul>
						</li>

						<li class="dropdown">
							<!-- Help menu -->
							<a class="dropdown-toggle" id="file_item" role="button" data-toggle="dropdown" href="http://www.tablesgenerator.com/html_tables#">
								<font>
									<font>帮帮我 </font>
								</font><b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="file_item">
								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/html_tables#" id="show_help_item" data-toggle="modal" data-target="#quick_help_dialog">Quick help</a>
								</li>

								<li role="presentation">
									<a role="menuitem" tabindex="-1" href="http://www.tablesgenerator.com/changelog">Changelog</a>
								</li>
							</ul>
						</li>
						<!-- Help menu -->

						<li style="float: right;">
							<a role="button" href="http://www.tablesgenerator.com/html_tables#" style="color: #F02311;" id="show_example_btn">
								<font>
									<font>显示示例 </font>
								</font>
							</a>
						</li>
					</ul>

				</div>

				<div class="btn-toolbar" style="margin: 0;">

					<div class="btn-group">
						<a class="btn" title="设置所选单元格的左文本对齐" id="left_align_btn"><i class="toolbar-icon icon-align-left"></i></a>
						<a class="btn" title="将所选单元格的中心文本对齐设置" id="center_align_btn"><i class="toolbar-icon icon-align-center"></i></a>
						<a class="btn" title="为所选单元格设置正确的文本对齐" id="right_align_btn"><i class="toolbar-icon icon-align-right"></i></a>
					</div>

					<div class="btn-group">
						<a class="btn" title="将单元格字体更改为粗体" id="table_bold_font_btn"><i class="toolbar-icon icon-bold"></i></a>
						<a class="btn" title="将单元格字体更改为斜体" id="table_italic_font_btn"><i class="toolbar-icon icon-italic"></i></a>
						<a class="btn" title="在所选单元格中加上文字" id="table_underline_btn"><i class="toolbar-icon icon-underline"></i></a>
					</div>

					<div class="btn-group" style="padding-top: 8px;">
						<select id="font-family-select" data-width="170px" title="Change font" style="display: none;">
							<option value="ff-arial-black" class="ff-arial-black" data-content="&lt;span class=&#39;ff-arial-black&#39;&gt;Arial Black&lt;/span&gt;">
								Arial Black
							</option>
							<option value="ff-arial" class="ff-arial" selected="" data-content="&lt;span class=&#39;ff-arial&#39;&gt;Arial&lt;/span&gt;">
								Arial
							</option>
							<option value="ff-comic-sans-ms" class="ff-comic-sans-ms" data-content="&lt;span class=&#39;ff-comic-sans-ms&#39;&gt;Comic Sans MS&lt;/span&gt;">
								Comic Sans MS
							</option>
							<option value="ff-courier-new" class="ff-courier-new" data-content="&lt;span class=&#39;ff-courier-new&#39;&gt;Courier New&lt;/span&gt;">
								Courier New
							</option>
							<option value="ff-georgia" class="ff-georgia" data-content="&lt;span class=&#39;ff-georgia&#39;&gt;Georgia&lt;/span&gt;">
								Georgia
							</option>
							<option value="ff-impact" class="ff-impact" data-content="&lt;span class=&#39;ff-impact&#39;&gt;Impact&lt;/span&gt;">
								Impact
							</option>
							<option value="ff-lucida-console" class="ff-lucida-console" data-content="&lt;span class=&#39;ff-lucida-console&#39;&gt;Lucida Console&lt;/span&gt;">
								Lucida Console
							</option>
							<option value="ff-lucida-sans" class="ff-lucida-sans" data-content="&lt;span class=&#39;ff-lucida-sans&#39;&gt;Lucida Sans&lt;/span&gt;">
								Lucida Sans
							</option>
							<option value="ff-palatino-linotype" class="ff-palatino-linotype" data-content="&lt;span class=&#39;ff-palatino-linotype&#39;&gt;Palatino&lt;/span&gt;">
								Palatino
							</option>
							<option value="ff-serif" class="ff-serif" data-content="&lt;span class=&#39;ff-serif&#39;&gt;Serif font (generic)&lt;/span&gt;">
								Serif font
							</option>
							<option value="ff-tahoma" class="ff-tahoma" data-content="&lt;span class=&#39;ff-tahoma&#39;&gt;Tahoma&lt;/span&gt;">
								Tahoma
							</option>
							<option value="ff-times-new-roman" class="ff-times-new-roman" data-content="&lt;span class=&#39;ff-times-new-roman&#39;&gt;Times New Roman&lt;/span&gt;">
								Times New Roman
							</option>
							<option value="ff-trebuchet-ms" class="ff-trebuchet-ms" data-content="&lt;span class=&#39;ff-trebuchet-ms&#39;&gt;Trebuchet MS&lt;/span&gt;">
								Trebuchet MS
							</option>
							<option value="ff-verdana" class="ff-verdana" data-content="&lt;span class=&#39;ff-verdana&#39;&gt;Verdana&lt;/span&gt;">
								Verdana
							</option>
						</select>
						<div class="btn-group bootstrap-select" style="width: 170px;"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="font-family-select" title="&lt;span class =&#39;ff-arial&#39;&gt; Arial &lt;/ span&gt;"><span class="filter-option pull-left"><span class="ff-arial"><font><font>宋体</font></font></span></span>&nbsp;<span class="caret"></span></button>
							<div class="dropdown-menu open">
								<ul class="dropdown-menu inner selectpicker" role="menu">
									<li rel="0">
										<a tabindex="0" class="ff-arial-black" style=""><span class="ff-arial-black">Arial Black</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="1" class="selected">
										<a tabindex="0" class="ff-arial" style=""><span class="ff-arial">Arial</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="2">
										<a tabindex="0" class="ff-comic-sans-ms" style=""><span class="ff-comic-sans-ms">Comic Sans MS</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="3">
										<a tabindex="0" class="ff-courier-new" style=""><span class="ff-courier-new">Courier New</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="4">
										<a tabindex="0" class="ff-georgia" style=""><span class="ff-georgia">Georgia</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="5">
										<a tabindex="0" class="ff-impact" style=""><span class="ff-impact">Impact</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="6">
										<a tabindex="0" class="ff-lucida-console" style=""><span class="ff-lucida-console">Lucida Console</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="7">
										<a tabindex="0" class="ff-lucida-sans" style=""><span class="ff-lucida-sans">Lucida Sans</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="8">
										<a tabindex="0" class="ff-palatino-linotype" style=""><span class="ff-palatino-linotype">Palatino</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="9">
										<a tabindex="0" class="ff-serif" style=""><span class="ff-serif">Serif font (generic)</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="10">
										<a tabindex="0" class="ff-tahoma" style=""><span class="ff-tahoma">Tahoma</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="11">
										<a tabindex="0" class="ff-times-new-roman" style=""><span class="ff-times-new-roman">Times New Roman</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="12">
										<a tabindex="0" class="ff-trebuchet-ms" style=""><span class="ff-trebuchet-ms">Trebuchet MS</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="13">
										<a tabindex="0" class="ff-verdana" style=""><span class="ff-verdana">Verdana</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
								</ul>
							</div>
						</div>

						<select id="font-size-select" data-width="140px" style="display: none;">
							<option value="10px" class="font-size-10">10px</option>
							<option value="11px" class="font-size-11">11px</option>
							<option value="12px" class="font-size-12">12px</option>
							<option value="13px" class="font-size-13">13px</option>
							<option value="14px" class="font-size-14">14px</option>
							<option value="15px" class="font-size-15">15px</option>
							<option value="16px" class="font-size-16">16px</option>
							<option value="18px" class="font-size-18">18px</option>
							<option value="20px" class="font-size-20">20px</option>
							<option value="22px" class="font-size-22">22px</option>
							<option value="24px" class="font-size-24">24px</option>
							<option value="26px" class="font-size-26">26px</option>
							<option value="28px" class="font-size-28">28px</option>
							<option value="32px" class="font-size-32">32px</option>
							<option value="36px" class="font-size-36">36px</option>
							<option value="inherit">Default font size</option>
							<option value="xx-small" class="font-size-xx-small">xx-small</option>
							<option value="x-small" class="font-size-x-small">x-small</option>
							<option value="small" class="font-size-small">small</option>
							<option value="medium" class="font-size-medium">medium</option>
							<option value="large" class="font-size-large">large</option>
							<option value="x-large" class="font-size-x-large">x-large</option>
							<option value="xx-large" class="font-size-xx-large">xx-large</option>
						</select>
						<div class="btn-group bootstrap-select" style="width: 140px;"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="font-size-select" title="10px的"><span class="filter-option pull-left"><font><font>10px的</font></font></span>&nbsp;<span class="caret"></span></button>
							<div class="dropdown-menu open">
								<ul class="dropdown-menu inner selectpicker" role="menu">
									<li rel="0" class="selected">
										<a tabindex="0" class="font-size-10" style=""><span class="text">10px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="1">
										<a tabindex="0" class="font-size-11" style=""><span class="text">11px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="2">
										<a tabindex="0" class="font-size-12" style=""><span class="text">12px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="3">
										<a tabindex="0" class="font-size-13" style=""><span class="text">13px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="4">
										<a tabindex="0" class="font-size-14" style=""><span class="text">14px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="5">
										<a tabindex="0" class="font-size-15" style=""><span class="text">15px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="6">
										<a tabindex="0" class="font-size-16" style=""><span class="text">16px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="7">
										<a tabindex="0" class="font-size-18" style=""><span class="text">18px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="8">
										<a tabindex="0" class="font-size-20" style=""><span class="text">20px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="9">
										<a tabindex="0" class="font-size-22" style=""><span class="text">22px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="10">
										<a tabindex="0" class="font-size-24" style=""><span class="text">24px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="11">
										<a tabindex="0" class="font-size-26" style=""><span class="text">26px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="12">
										<a tabindex="0" class="font-size-28" style=""><span class="text">28px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="13">
										<a tabindex="0" class="font-size-32" style=""><span class="text">32px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="14">
										<a tabindex="0" class="font-size-36" style=""><span class="text">36px</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="15">
										<a tabindex="0" class="" style=""><span class="text">Default font size</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="16">
										<a tabindex="0" class="font-size-xx-small" style=""><span class="text">xx-small</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="17">
										<a tabindex="0" class="font-size-x-small" style=""><span class="text">x-small</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="18">
										<a tabindex="0" class="font-size-small" style=""><span class="text">small</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="19">
										<a tabindex="0" class="font-size-medium" style=""><span class="text">medium</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="20">
										<a tabindex="0" class="font-size-large" style=""><span class="text">large</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="21">
										<a tabindex="0" class="font-size-x-large" style=""><span class="text">x-large</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
									<li rel="22">
										<a tabindex="0" class="font-size-xx-large" style=""><span class="text">xx-large</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="btn-group">
						<a class="btn" rel="tooltip" title="" id="table_merge_cells_btn" data-container="body" data-original-title="Merge selected cells (use mouse with LEFT button pressed to select multiple cells)"><i class="toolbar-icon merge-cells-icon"></i></a>
						<a class="btn" rel="tooltip" title="" id="table_split_cells_btn" data-container="body" data-original-title="Split selected cells"><i class="toolbar-icon split-cells-icon"></i></a>
					</div>

					<div class="btn-group">
						<input class="btn" type="text" id="fg-color-picker" style="display: none;">
						<div class="sp-replacer sp-light color-picker" rel="tooltip" title="" data-container="body" data-original-title="Set text color of selected cells">
							<div class="sp-preview">
								<div class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div>
							</div>
							<div class="side-icon"><i class="icon-font"></i> </div>
						</div>

						<input class="btn" type="text" id="bg-color-picker" style="display: none;">
						<div class="sp-replacer sp-light color-picker" rel="tooltip" title="" data-container="body" data-original-title="Set background color of selected cells">
							<div class="sp-preview">
								<div class="sp-preview-inner" style="background-color: rgb(255, 255, 255);"></div>
							</div>
							<div class="side-icon"><i class="icon-tint"></i> </div>
						</div>

						<a class="btn" id="color-clear" rel="tooltip" title="" data-container="body" data-original-title="Clear colors in selected cells">
							<i class="toolbar-icon icon-ban-circle"></i>
						</a>
					</div>

					<div class="btn-group">
						<div class="btn" id="theme-select"><i class="icon-leaf"></i>
							<font>
								<font> 主题</font>
							</font>
						</div>
					</div>

				</div>

				<div id="edited_table_container">

				</div>

				<div id="generate_table_panel">
				</div>
				<div id="result-box">
					<div class="note"><strong><font><font>结果</font></font></strong> <span class="muted"><font><font>（点击“生成”刷新）</font></font></span></div>
					<div class="btn copy-to-clipboard-workaround" style="float: right; display: none;">
						<i class="icon-paste"></i> Copy to clipboard
					</div>
					<div class="btn with-zero-clipboard" id="copy-to-clipboard" data-action-id="copy-to-clipboard"><i class="icon-paste"></i>
						<font>
							<font> 复制到剪贴板</font>
						</font>
					</div>
					<div class="clearfix"></div>
				</div>

				<pre class="line-numbers language-markup" title="双击选择全部"><code class=" language-markup" id="result-code"></code></pre>

				<select class="selectpicker" data-width="300" multiple="" title="Extra options..." id="extra-options" style="display: none;">
					<optgroup label="Layout">
						<option>Center table horizontally</option>
						<option data-content="Enable table sorting   &lt;i class=&#39;icon-question-sign&#39; rel=&#39;tooltip&#39; title=&#39;Allows to sort table by clicking on a header. Should work on modern browsers.&#39;&gt;&lt;/i&gt;">Enable table sorting</option>
						<option data-content="Make table responsive   &lt;i
        class=&#39;icon-question-sign&#39; rel=&#39;tooltip&#39; title=&#39;On smaller screens makes columns narrower and adds horizontal scrollbar if necessary.&#39;&gt;&lt;/i&gt;">Make table responsive</option>
					</optgroup>
				</select>
				<div class="btn-group bootstrap-select show-tick" style="width: 300px;"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="extra-options" title="额外选项..."><span class="filter-option pull-left"><font><font>额外选项...</font></font></span>&nbsp;<span class="caret"></span></button>
					<div class="dropdown-menu open">
						<ul class="dropdown-menu inner selectpicker" role="menu">
							<li rel="0"><dt><span class="text">Layout</span></dt>
								<a tabindex="0" class="opt " style=""><span class="text">Center table horizontally</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
							</li>
							<li rel="1">
								<a tabindex="0" class="opt " style="">Enable table sorting &nbsp;&nbsp;<i class="icon-question-sign" rel="tooltip" title="Allows to sort table by clicking on a header. Should work on modern browsers."></i><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
							</li>
							<li rel="2">
								<a tabindex="0" class="opt " style="">Make table responsive &nbsp;&nbsp;<i class="icon-question-sign" rel="tooltip" title="On smaller screens makes columns narrower and adds horizontal scrollbar if necessary."></i><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a>
							</li>
						</ul>
					</div>
				</div>

				<div class="btn btn-primary pull-right" id="preview-table-btn"><i class="icon-eye-open"></i>
					<font>
						<font>&nbsp;&nbsp;预习</font>
					</font>
				</div>

			</div>

			<div id="right-column">
				<div class="ad-wrapper ad-skyscrapper">

					<script async="" src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- tg-responsive-skyscrapper -->
					<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2865581676256868" data-ad-slot="3286823230" data-ad-format="auto"></ins>
					<script>
						(adsbygoogle = window.adsbygoogle || []).push({});
					</script>

				</div>
			</div>

			<div id="bottom-block">

				<div class="main-bottom">

					<div class="span6">
						<h3><font><font>如何使用它？</font></font></h3>
						<ol>
							<li>
								<font>
									<font>使用“ </font>
								</font><em><font><font>表”</font></font></em>
								<font>
									<font>菜单设置</font><em><font>表</font></em>
									<font>的所需大小。</font>
								</font>
							</li>
							<li>
								<font>
									<font>在表格中输入表格数据：
									</font>
								</font>
								<ul>
									<li>
										<font>
											<font>从电子表格中选择并复制（Ctrl + C）表格（例如Google Docs，LibreOffice Calc，网页）并将其粘贴到我们的编辑器中 - 单击单元格，然后按Ctrl + V</font>
										</font>
									</li>
									<li>
										<font>
											<font>或者只需</font>
										</font><strong><font><font>双击任何单元格</font></font></strong>
										<font>
											<font>即可开始编辑它的内容 - Tab键和箭头键可用于浏览表格单元格</font>
										</font>
									</li>
								</ul>
							</li>
							<li>
								<font>
									<font>使用菜单中的选项和使用工具栏按钮调整文本对齐和表格边框 - 格式化应用于所有选定的单元格。</font>
								</font>
							</li>
							<li>
								<font>
									<font>单击“生成”按钮查看生成的表的HTML源代码 - 选择它，然后复制和粘贴到您的网站的来源。</font>
								</font>
							</li>
						</ol>
						<p>
							<font>
								<font>

									我们希望这个工具对于不太熟悉HTML和CSS的人来说将是有用的。</font>
								<font>所以如果你需要一个桌子为您的网站或博客（Wordpress，Drupal或任何平台，允许放置HTML代码在帖子），它应该工作正常。</font>
								<font>我们的HTML表生成器对于只需要快速创建HTML表的开发人员也是有用的。</font>
								<font>请注意，生成的表的代码中保留换行符。
								</font>
							</font>
						</p>
					</div>
					<!--span6-->

					<div class="span6">
						<h3><font><font>备注</font></font></h3>

						<p>
							<font>
								<font>要将表格插入您的网站，只需将生成的代码复制并粘贴到您的网站的源代码中即可。</font>
								<font>它应该在桌面和移动的所有现代浏览器中显示良好。</font>
								<font>但是，如果您希望您的页面与HTML标准保持一致，请阅读下一段。
								</font>
							</font>
						</p>
						<p>
							<font>
								<font>
									生成的代码由</font>
							</font><code>&lt;style&gt;</code>
							<font>
								<font>标签和</font>
							</font><code>&lt;table&gt;</code>
							<font>
								<font>标签</font>
								<font>两部分组成
								</font>
								<font>。</font>
								<font>第一个应该被复制并放在</font>
							</font><code>&lt;/head&gt;</code>
							<font>
								<font>网站</font>
								<font>的</font>
								<font>标签</font>
								<font>之前
								</font>
								<font>，而后者（即表格代码）应放在所需的位置。
								</font>
							</font>
						</p>

						<h3><font><font>表主题</font></font></h3>

						<p>
							<font>
								<font>
									您可能注意到，工具栏中有一个选择框“ - 表主题”，它允许从预定义集中选择表格主题。</font>
								<font>生成的CSS包含所有必需的颜色等，以便在将其粘贴到您的网站时，表格应该类似。
								</font>
							</font>
						</p>
					</div>
					<!--span6-->

				</div>
			</div>

			<div id="footer">
				<hr>
				<p>
					<font>
						<font>
							©TablesGenerator.com

						</font>
					</font>
					<a href="http://www.tablesgenerator.com/about" style="margin-left: 20px; float: right;" title="了解更多关于表生成器">
						<font>
							<font>关于</font>
						</font>
					</a>
					<a href="http://www.tablesgenerator.com/changelog" style="float: right;" title="了解我们应用程序的最近更改">
						<font>
							<font>Changelog</font>
						</font>
					</a>
				</p>

			</div>

		</div>
		<!-- /container -->

		<div id="message_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="message_dialog_label" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="message_dialog_label">Notification</h3>
			</div>
			<div class="modal-body">
				<p id="message_dialog_body"></p>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
			</div>
		</div>
		<div id="new_table_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Create new table</h3>
			</div>

			<form class="form-horizontal">
				<div class="modal-body">
					<p>
						Enter table size. Please, remember that the current table contents will be lost.
					</p>

					<div class="control-group">
						<label class="control-label" for="new_table_rows">Rows</label>
						<div class="controls">
							<input type="number" min="1" max="500" id="new_table_rows_input" value="3">
							<span class="help-inline">Valid range: 1-500</span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label" for="new_table_columns">Columns</label>
						<div class="controls">
							<input type="number" min="1" max="20" id="new_table_columns_input" value="3">
							<span class="help-inline">Valid range: 1-20</span>
						</div>
					</div>

				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<input type="submit" id="create_new_table_btn" value="Create" class="btn btn-primary">
				</div>
			</form>
		</div>
		<!-- Import dialog -->
		<div id="import_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Import data from CSV file</h3>
			</div>
			<form action="http://www.tablesgenerator.com/html_tables" enctype="multipart/form-data" method="post" style="margin: 0;">
				<div class="modal-body">
					<p>You can import table data by uploading file in CSV format (Comma Separated Value). Most spreadsheet software, both desktop and online, allows to save tabular data in CSV format — it is usually available in the File menu under the name "Save As..." or "Export".
					</p>
					<div>
						<label style="display: inline-block;">Select CVS file </label>
						<input type="file" name="imported">
					</div>
					<p class="text-info" style="padding-top: 10px;">
						Please, ensure that the character encoding of your CSV file was set to UTF-8 otherwise some of the characters may be displayed incorrectly.
					</p>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<input type="submit" value="Import" class="btn btn-primary">
				</div>
			</form>
		</div>
		<!-- Import dialog -->
		<!-- Import dialog -->
		<div id="import_pasted_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Paste table data</h3>
			</div>
			<form action="http://www.tablesgenerator.com/html_tables" method="post" accept-charset="UTF-8" style="margin: 0;">
				<div class="modal-body">
					<p>
						Paste (Ctrl + V) below an existing table data copied (Ctrl + C) from a spreadsheet (e.g. Microsoft Excel), a text document, a Markdown code, or even a website.
					</p>
					<div>
						<textarea id="import_pasted" name="import_pasted" cols="80" rows="10" accept-charset="utf-8"></textarea>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<input type="submit" value="Load" class="btn btn-primary">
				</div>
			</form>
		</div>
		<!-- Import dialog -->
		<div id="save_table_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Save table</h3>
			</div>

			<div class="modal-body">
				<p>
					If you want to keep the table for any future editing click the "Download" button below. The file with the table can be loaded back using the "Load table" option from the menu.
				</p>

				<form id="table-save-form" action="http://www.tablesgenerator.com/table-save" method="POST" accept-charset="utf-8" class="form-horizontal">
					<div class="control-group">
						<label class="control-label" for="table-name">Table name</label>
						<div class="controls">
							<input type="text" id="table-name" name="table-name" placeholder="Enter name...">
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
							<a href="http://www.tablesgenerator.com/html_tables#" class="btn btn-primary" id="table-save-link" title="Click to download file with the table">Download</a>
						</div>
					</div>
					<input name="table-data" id="table-save-data" type="hidden">
				</form>

				<p>
				</p>
			</div>

			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
			</div>
		</div>
		<!-- Import dialog -->
		<!-- Load table dialog -->
		<div id="load_table_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="load_table_dialog_label" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="load_table_dialog_label">Load table...</h3>
			</div>
			<form action="http://www.tablesgenerator.com/html_tables/load" enctype="multipart/form-data" method="post" style="margin: 0;">
				<div class="modal-body">
					<p>Load table from a previously saved file.</p>
					<div>
						<label style="display: inline-block;">Select TGN file </label>
						<input type="file" name="load_table_file">
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<input type="submit" value="Load" class="btn btn-primary">
				</div>
			</form>
		</div>
		<!-- Import dialog -->

		<div id="quick_help_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="quick_help_dialog_label" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="quick_help_dialog_label">Quick help</h3>
			</div>

			<div class="modal-body">
				<p>Basic key commands</p>
				<ul>
					<li><strong>ENTER or double click</strong> — to start editing a cell</li>
					<li><strong>ESC</strong> — to stop editing a cell</li>
					<li><strong>TAB or Arrow Keys</strong> — to select a different cell</li>
					<li><strong>CTRL+Z</strong> — to undo a change</li>
					<li><strong>CTRL+Y</strong> — to redo a change</li>
					<li><strong>Left mouse button</strong> — click a cell to select it (hold left button pressed to select adjacent cells)</li>
					<li><strong>Hold CTRL</strong> to select multiple cells (not necessarily adjacent).</li>
				</ul>

				<p>
					Some of the functionalities may not work in all browsers — if you encounter a problem, please try to use another browser (Google Chrome, Mozilla Firefox) or update your browser to a newer version if available. If the problem still persists please
					<a href="http://www.tablesgenerator.com/contact" title="Contact with us">let us know</a>.
				</p>
			</div>

			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
			</div>
		</div>
		<div id="table-aux-col-menu" class="context-menu-wrap">
			<ul class="context-menu" role="menu">
				<li data-menu-item-id="add_to_the_left">
					<a tab-index="-1">Add column to the left</a>
				</li>

				<li data-menu-item-id="add_to_the_right">
					<a tab-index="-1">Add column to the right</a>
				</li>

				<li data-menu-item-id="remove_column">
					<a tab-index="-1">Remove column(s)</a>
				</li>

				<li class="divider"></li>

				<li data-menu-item-id="set_column_width">
					<a tab-index="-1">Set column width</a>
				</li>

			</ul>
		</div>

		<div id="table-aux-row-menu" class="context-menu-wrap">
			<ul class="context-menu" role="menu">
				<li data-menu-item-id="add_row_above">
					<a tab-index="-1">Add row above</a>
				</li>

				<li data-menu-item-id="add_row_below">
					<a tab-index="-1">Add row below</a>
				</li>

				<li data-menu-item-id="remove_row">
					<a tab-index="-1">Remove row(s)</a>
				</li>

			</ul>
		</div>

		<div id="table-cell-menu" class="context-menu-wrap">
			<ul class="context-menu" role="menu">

				<li data-menu-item-id="cell_contents_cut" class="with-zero-clipboard" data-action-id="cell_contents_cut">
					<a tab-index="-1">Cut</a>
				</li>

				<li data-menu-item-id="cell_contents_copy" class="with-zero-clipboard" data-action-id="cell_contents_copy">
					<a tab-index="-1">Copy</a>
				</li>

				<li class="divider"></li>

				<li class="dropdown-submenu">
					<a tabindex="-1" href="http://www.tablesgenerator.com/html_tables#">Row</a>
					<ul class="dropdown-menu">
						<li data-menu-item-id="add_row_above">
							<a tab-index="-1">Add row above</a>
						</li>

						<li data-menu-item-id="add_row_below">
							<a tab-index="-1">Add row below</a>
						</li>

						<li data-menu-item-id="remove_row">
							<a tab-index="-1">Remove row(s)</a>
						</li>

					</ul>
				</li>

				<li class="dropdown-submenu">
					<a tabindex="-1" href="http://www.tablesgenerator.com/html_tables#">Column</a>
					<ul class="dropdown-menu" role="menu">
						<li data-menu-item-id="add_to_the_left">
							<a tab-index="-1">Add column to the left</a>
						</li>

						<li data-menu-item-id="add_to_the_right">
							<a tab-index="-1">Add column to the right</a>
						</li>

						<li data-menu-item-id="remove_column">
							<a tab-index="-1">Remove column(s)</a>
						</li>
					</ul>
				</li>

			</ul>
		</div>

		<div id="column_width_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Set column width</h3>
			</div>

			<form class="form-horizontal">
				<div class="modal-body">
					<div class="control-group">
						<label class="control-label" for="column_width_input">Width</label>
						<div class="controls">
							<input type="number" min="1" max="2560" id="column_width_input" value="3">
							<span class="help-inline">px</span>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
					<input type="submit" id="set_column_width_btn" value="OK" class="btn btn-primary">
				</div>
			</form>
		</div>
		<div id="dropbox_save_table_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">Save table to your Dropbox account</h3>
			</div>

			<div class="modal-body">
				<p>
					Your table will be saved using your Dropbox account. Please enter a name for the table. You can load later your saved tables using "File/Dropbox/Load table" menu item.
				</p>

				<form id="dropbox-table-save-form" accept-charset="utf-8" class="form-horizontal">
					<div class="control-group">
						<label class="control-label" for="table-name">Table name</label>
						<div class="controls">
							<input type="text" id="dropbox_table_name" name="dropbox_table_name" placeholder="Enter name...">
						</div>
					</div>
				</form>

				<p>
				</p>
			</div>

			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
				<button class="btn btn-primary" id="dropbox_table_save"><div class="spin-button"></div><span>Save</span></button>
			</div>
		</div>
		<div id="dropbox_load_table_dialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="dropbox_load_table_dialog_label" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="dropbox_load_table_dialog_label">Load table from Dropbox...</h3>
			</div>
			<div class="modal-body">
				<p>Select a table to load.</p>
				<div id="dropbox_tables_list"></div>
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
			</div>
		</div>

		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				var json_table = '';
				var loaded_table = '';
				html_tables_ui(json_table, loaded_table);
			});
		</script>

		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-40666600-1']);
			_gaq.push(['_setDomainName', 'tablesgenerator.com']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
		</script>

		<div class="sp-container sp-hidden sp-light color-picker" style="position: absolute; top: 0px; left: 0px;">
			<div class="sp-palette-container">
				<div class="sp-palette sp-thumb sp-cf">
					<div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span><span title="#ffccc9" data-color="rgb(255, 204, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 204, 201);"></span></span><span title="#ffce93" data-color="rgb(255, 206, 147)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 206, 147);"></span></span><span title="#fffc9e" data-color="rgb(255, 252, 158)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 252, 158);"></span></span><span title="#ffffc7" data-color="rgb(255, 255, 199)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 199);"></span></span><span title="#9aff99" data-color="rgb(154, 255, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(154, 255, 153);"></span></span><span title="#96fffb" data-color="rgb(150, 255, 251)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(150, 255, 251);"></span></span><span title="#ecf4ff" data-color="rgb(236, 244, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(236, 244, 255);"></span></span><span title="#cbcefb" data-color="rgb(203, 206, 251)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(203, 206, 251);"></span></span><span title="#efefef" data-color="rgb(239, 239, 239)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(239, 239, 239);"></span></span><span title="#fd6864" data-color="rgb(253, 104, 100)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(253, 104, 100);"></span></span><span title="#fe996b" data-color="rgb(254, 153, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(254, 153, 107);"></span></span><span title="#fffe65" data-color="rgb(255, 254, 101)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 254, 101);"></span></span><span title="#fcff2f" data-color="rgb(252, 255, 47)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 255, 47);"></span></span><span title="#67fd9a" data-color="rgb(103, 253, 154)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(103, 253, 154);"></span></span><span title="#38fff8" data-color="rgb(56, 255, 248)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(56, 255, 248);"></span></span><span title="#bbdaff" data-color="rgb(187, 218, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(187, 218, 255);"></span></span><span title="#9698ed" data-color="rgb(150, 152, 237)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(150, 152, 237);"></span></span><span title="#c0c0c0" data-color="rgb(192, 192, 192)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(192, 192, 192);"></span></span><span title="#fe0000" data-color="rgb(254, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(254, 0, 0);"></span></span><span title="#f8a102" data-color="rgb(248, 161, 2)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(248, 161, 2);"></span></span><span title="#ffcc67" data-color="rgb(255, 204, 103)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 204, 103);"></span></span><span title="#f8ff00" data-color="rgb(248, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(248, 255, 0);"></span></span><span title="#34ff34" data-color="rgb(52, 255, 52)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(52, 255, 52);"></span></span><span title="#68cbd0" data-color="rgb(104, 203, 208)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(104, 203, 208);"></span></span><span title="#34cdf9" data-color="rgb(52, 205, 249)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(52, 205, 249);"></span></span><span title="#6665cd" data-color="rgb(102, 101, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(102, 101, 205);"></span></span><span title="#9b9b9b" data-color="rgb(155, 155, 155)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(155, 155, 155);"></span></span><span title="#cb0000" data-color="rgb(203, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(203, 0, 0);"></span></span><span title="#f56b00" data-color="rgb(245, 107, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(245, 107, 0);"></span></span><span title="#ffcb2f" data-color="rgb(255, 203, 47)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 203, 47);"></span></span><span title="#ffc702" data-color="rgb(255, 199, 2)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 199, 2);"></span></span><span title="#32cb00" data-color="rgb(50, 203, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(50, 203, 0);"></span></span><span title="#00d2cb" data-color="rgb(0, 210, 203)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 210, 203);"></span></span><span title="#3166ff" data-color="rgb(49, 102, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(49, 102, 255);"></span></span><span title="#6434fc" data-color="rgb(100, 52, 252)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(100, 52, 252);"></span></span><span title="#656565" data-color="rgb(101, 101, 101)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(101, 101, 101);"></span></span><span title="#9a0000" data-color="rgb(154, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(154, 0, 0);"></span></span><span title="#ce6301" data-color="rgb(206, 99, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(206, 99, 1);"></span></span><span title="#cd9934" data-color="rgb(205, 153, 52)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(205, 153, 52);"></span></span><span title="#999903" data-color="rgb(153, 153, 3)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 3);"></span></span><span title="#009901" data-color="rgb(0, 153, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 153, 1);"></span></span><span title="#329a9d" data-color="rgb(50, 154, 157)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(50, 154, 157);"></span></span><span title="#3531ff" data-color="rgb(53, 49, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(53, 49, 255);"></span></span><span title="#6200c9" data-color="rgb(98, 0, 201)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(98, 0, 201);"></span></span><span title="#343434" data-color="rgb(52, 52, 52)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 52, 52);"></span></span><span title="#680100" data-color="rgb(104, 1, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(104, 1, 0);"></span></span><span title="#963400" data-color="rgb(150, 52, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(150, 52, 0);"></span></span><span title="#986536" data-color="rgb(152, 101, 54)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(152, 101, 54);"></span></span><span title="#646809" data-color="rgb(100, 104, 9)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(100, 104, 9);"></span></span><span title="#036400" data-color="rgb(3, 100, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(3, 100, 0);"></span></span><span title="#34696d" data-color="rgb(52, 105, 109)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 105, 109);"></span></span><span title="#00009b" data-color="rgb(0, 0, 155)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 155);"></span></span><span title="#303498" data-color="rgb(48, 52, 152)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(48, 52, 152);"></span></span><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#330001" data-color="rgb(51, 0, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(51, 0, 1);"></span></span><span title="#643403" data-color="rgb(100, 52, 3)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(100, 52, 3);"></span></span><span title="#663234" data-color="rgb(102, 50, 52)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 50, 52);"></span></span><span title="#343300" data-color="rgb(52, 51, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 51, 0);"></span></span><span title="#013300" data-color="rgb(1, 51, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1, 51, 0);"></span></span><span title="#003532" data-color="rgb(0, 53, 50)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 53, 50);"></span></span><span title="#010066" data-color="rgb(1, 0, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1, 0, 102);"></span></span><span title="#340096" data-color="rgb(52, 0, 150)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 0, 150);"></span></span>
					</div>
					<div class="sp-cf sp-palette-row sp-palette-row-selection"><span title="#333333" data-color="rgb(51, 51, 51)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(51, 51, 51);"></span></span><span title="#000000" data-color="rgba(0, 0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgba(0, 0, 0, 0);"></span></span>
					</div>
				</div>
			</div>
			<div class="sp-picker-container">
				<div class="sp-top sp-cf">
					<div class="sp-fill"></div>
					<div class="sp-top-inner">
						<div class="sp-color" style="background-color: rgb(255, 0, 0);">
							<div class="sp-sat">
								<div class="sp-val">
									<div class="sp-dragger" style="display: block; top: 0px; left: 0px;"></div>
								</div>
							</div>
						</div>
						<div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div>
						<div class="sp-hue">
							<div class="sp-slider" style="display: block; top: 0px;"></div>
						</div>
					</div>
					<div class="sp-alpha">
						<div class="sp-alpha-inner">
							<div class="sp-alpha-handle" style="display: block; left: 0px;"></div>
						</div>
					</div>
				</div>
				<div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div>
				<div class="sp-initial sp-thumb sp-cf">
					<div class="sp-cf sp-palette-row-initial"><span title="No Color Selected" data-color="" style="background-color:transparent;" class="sp-clear-display"></span><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span>
					</div>
				</div>
				<div class="sp-button-container sp-cf">
					<a class="sp-cancel" href="http://www.tablesgenerator.com/html_tables#">cancel</a><button type="button" class="sp-choose">choose</button></div>
			</div>
		</div>
		<div class="sp-container sp-hidden sp-light color-picker" style="position: absolute; top: 0px; left: 0px;">
			<div class="sp-palette-container">
				<div class="sp-palette sp-thumb sp-cf">
					<div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span><span title="#ffccc9" data-color="rgb(255, 204, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 204, 201);"></span></span><span title="#ffce93" data-color="rgb(255, 206, 147)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 206, 147);"></span></span><span title="#fffc9e" data-color="rgb(255, 252, 158)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 252, 158);"></span></span><span title="#ffffc7" data-color="rgb(255, 255, 199)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 199);"></span></span><span title="#9aff99" data-color="rgb(154, 255, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(154, 255, 153);"></span></span><span title="#96fffb" data-color="rgb(150, 255, 251)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(150, 255, 251);"></span></span><span title="#ecf4ff" data-color="rgb(236, 244, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(236, 244, 255);"></span></span><span title="#cbcefb" data-color="rgb(203, 206, 251)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(203, 206, 251);"></span></span><span title="#efefef" data-color="rgb(239, 239, 239)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(239, 239, 239);"></span></span><span title="#fd6864" data-color="rgb(253, 104, 100)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(253, 104, 100);"></span></span><span title="#fe996b" data-color="rgb(254, 153, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(254, 153, 107);"></span></span><span title="#fffe65" data-color="rgb(255, 254, 101)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 254, 101);"></span></span><span title="#fcff2f" data-color="rgb(252, 255, 47)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 255, 47);"></span></span><span title="#67fd9a" data-color="rgb(103, 253, 154)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(103, 253, 154);"></span></span><span title="#38fff8" data-color="rgb(56, 255, 248)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(56, 255, 248);"></span></span><span title="#bbdaff" data-color="rgb(187, 218, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(187, 218, 255);"></span></span><span title="#9698ed" data-color="rgb(150, 152, 237)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(150, 152, 237);"></span></span><span title="#c0c0c0" data-color="rgb(192, 192, 192)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(192, 192, 192);"></span></span><span title="#fe0000" data-color="rgb(254, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(254, 0, 0);"></span></span><span title="#f8a102" data-color="rgb(248, 161, 2)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(248, 161, 2);"></span></span><span title="#ffcc67" data-color="rgb(255, 204, 103)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 204, 103);"></span></span><span title="#f8ff00" data-color="rgb(248, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(248, 255, 0);"></span></span><span title="#34ff34" data-color="rgb(52, 255, 52)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(52, 255, 52);"></span></span><span title="#68cbd0" data-color="rgb(104, 203, 208)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(104, 203, 208);"></span></span><span title="#34cdf9" data-color="rgb(52, 205, 249)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(52, 205, 249);"></span></span><span title="#6665cd" data-color="rgb(102, 101, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(102, 101, 205);"></span></span><span title="#9b9b9b" data-color="rgb(155, 155, 155)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(155, 155, 155);"></span></span><span title="#cb0000" data-color="rgb(203, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(203, 0, 0);"></span></span><span title="#f56b00" data-color="rgb(245, 107, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(245, 107, 0);"></span></span><span title="#ffcb2f" data-color="rgb(255, 203, 47)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 203, 47);"></span></span><span title="#ffc702" data-color="rgb(255, 199, 2)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 199, 2);"></span></span><span title="#32cb00" data-color="rgb(50, 203, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(50, 203, 0);"></span></span><span title="#00d2cb" data-color="rgb(0, 210, 203)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 210, 203);"></span></span><span title="#3166ff" data-color="rgb(49, 102, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(49, 102, 255);"></span></span><span title="#6434fc" data-color="rgb(100, 52, 252)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(100, 52, 252);"></span></span><span title="#656565" data-color="rgb(101, 101, 101)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(101, 101, 101);"></span></span><span title="#9a0000" data-color="rgb(154, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(154, 0, 0);"></span></span><span title="#ce6301" data-color="rgb(206, 99, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(206, 99, 1);"></span></span><span title="#cd9934" data-color="rgb(205, 153, 52)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(205, 153, 52);"></span></span><span title="#999903" data-color="rgb(153, 153, 3)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 3);"></span></span><span title="#009901" data-color="rgb(0, 153, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 153, 1);"></span></span><span title="#329a9d" data-color="rgb(50, 154, 157)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(50, 154, 157);"></span></span><span title="#3531ff" data-color="rgb(53, 49, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(53, 49, 255);"></span></span><span title="#6200c9" data-color="rgb(98, 0, 201)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(98, 0, 201);"></span></span><span title="#343434" data-color="rgb(52, 52, 52)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 52, 52);"></span></span><span title="#680100" data-color="rgb(104, 1, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(104, 1, 0);"></span></span><span title="#963400" data-color="rgb(150, 52, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(150, 52, 0);"></span></span><span title="#986536" data-color="rgb(152, 101, 54)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(152, 101, 54);"></span></span><span title="#646809" data-color="rgb(100, 104, 9)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(100, 104, 9);"></span></span><span title="#036400" data-color="rgb(3, 100, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(3, 100, 0);"></span></span><span title="#34696d" data-color="rgb(52, 105, 109)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 105, 109);"></span></span><span title="#00009b" data-color="rgb(0, 0, 155)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 155);"></span></span><span title="#303498" data-color="rgb(48, 52, 152)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(48, 52, 152);"></span></span><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#330001" data-color="rgb(51, 0, 1)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(51, 0, 1);"></span></span><span title="#643403" data-color="rgb(100, 52, 3)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(100, 52, 3);"></span></span><span title="#663234" data-color="rgb(102, 50, 52)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 50, 52);"></span></span><span title="#343300" data-color="rgb(52, 51, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 51, 0);"></span></span><span title="#013300" data-color="rgb(1, 51, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1, 51, 0);"></span></span><span title="#003532" data-color="rgb(0, 53, 50)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(0, 53, 50);"></span></span><span title="#010066" data-color="rgb(1, 0, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(1, 0, 102);"></span></span><span title="#340096" data-color="rgb(52, 0, 150)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(52, 0, 150);"></span></span>
					</div>
					<div class="sp-cf sp-palette-row sp-palette-row-selection"><span title="#333333" data-color="rgb(51, 51, 51)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(51, 51, 51);"></span></span><span title="#000000" data-color="rgba(0, 0, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgba(0, 0, 0, 0);"></span></span>
					</div>
				</div>
			</div>
			<div class="sp-picker-container">
				<div class="sp-top sp-cf">
					<div class="sp-fill"></div>
					<div class="sp-top-inner">
						<div class="sp-color" style="background-color: rgb(255, 0, 0);">
							<div class="sp-sat">
								<div class="sp-val">
									<div class="sp-dragger" style="display: block; top: 0px; left: 0px;"></div>
								</div>
							</div>
						</div>
						<div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div>
						<div class="sp-hue">
							<div class="sp-slider" style="display: block; top: 0px;"></div>
						</div>
					</div>
					<div class="sp-alpha">
						<div class="sp-alpha-inner">
							<div class="sp-alpha-handle" style="display: block; left: 0px;"></div>
						</div>
					</div>
				</div>
				<div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div>
				<div class="sp-initial sp-thumb sp-cf">
					<div class="sp-cf sp-palette-row-initial"><span title="No Color Selected" data-color="" style="background-color:transparent;" class="sp-clear-display"></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span>
					</div>
				</div>
				<div class="sp-button-container sp-cf">
					<a class="sp-cancel" href="http://www.tablesgenerator.com/html_tables#">cancel</a><button type="button" class="sp-choose">choose</button></div>
			</div>
		</div>
		<div id="global-zeroclipboard-html-bridge" class="global-zeroclipboard-container" style="position: absolute; left: 0px; top: -9999px; width: 1px; height: 1px; z-index: 999999999;"><object id="global-zeroclipboard-flash-bridge" name="global-zeroclipboard-flash-bridge" width="100%" height="100%" type="application/x-shockwave-flash" data="js/ZeroClipboard.swf"><param name="allowScriptAccess" value="sameDomain"><param name="allowNetworking" value="all"><param name="menu" value="false"><param name="wmode" value="transparent"><param name="flashvars" value="trustedOrigins=www.tablesgenerator.com%2C%2F%2Fwww.tablesgenerator.com%2Chttp%3A%2F%2Fwww.tablesgenerator.com&amp;swfObjectId=global-zeroclipboard-flash-bridge"></object></div>
		<div id="goog-gt-tt" class="skiptranslate" dir="ltr">
			<div style="padding: 8px;">
				<div>
					<div class="logo"><img src="img/translate_24dp.png" width="20" height="20" alt="Google 翻译"></div>
				</div>
			</div>
			<div class="top" style="padding: 8px; float: left; width: 100%;">
				<h1 class="title gray">原文</h1></div>
			<div class="middle" style="padding: 8px;">
				<div class="original-text"></div>
			</div>
			<div class="bottom" style="padding: 8px;">
				<div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span></div>
				<div class="started-activity-container">
					<hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;">
					<div class="activity-root"></div>
				</div>
			</div>
			<div class="status-message" style="display: none;"></div>
		</div>
		<style type="text/css" media="screen">
			.theme1308162146 {
				border-collapse: collapse;
				border-spacing: 0;
			}
			.theme1308162146 td {
				font-family: Arial, sans-serif;
				font-size: 14px;
				padding: 10px 5px;
				border-style: solid;
				border-width: 1px;
				overflow: hidden;
				word-break: normal;
			}
			.theme1308162146 th {
				font-family: Arial, sans-serif;
				font-size: 14px;
				font-weight: normal;
				padding: 10px 5px;
				border-style: solid;
				border-width: 1px;
				overflow: hidden;
				word-break: normal;
			}
			.theme1308162146 tr:nth-child(2) td {}
		</style>
		<div class="goog-te-spinner-pos">
			<div class="goog-te-spinner-animation">
				<svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66">
					<circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
				</svg>
			</div>
		</div>
	</body>

</html>